.wrap {width:1800px;margin-right:auto;margin-left:auto;}
.list {position:relative;padding:10px 0;background-color:#555;font-size:0;text-align:center;}
.icon-expand {display:inline-block;width:40px;height:10px;background:url(../images/arrow-down.png) no-repeat;opacity:0;filter:alpha(opacity=0);cursor:pointer;}
.list ul {*overflow:hidden;*height:180px;}
.list li:before {display:inline-block;height:180px;content:"";vertical-align:middle;}
.list li {display:inline-block;position:relative;width:180px;vertical-align:top;*display:inline;*zoom:1;}
.list li img {display:block;position:absolute;top:0;left:0;}
.list li span {display:block;position:absolute;top:0;left:0;width:180px;height:180px;background-color:#000;border-radius:100px;transition:opacity 1s ease 0s;opacity:0;filter:alpha(opacity=0);}
.list li p {display:none;position:relative;width:89%;vertical-align:middle;font-size:16px;color:#fff;text-shadow:-2px 2px 2px #000;}
.list .active span {opacity:0.5;filter:alpha(opacity=50);}
.list .active p {display:inline-block;}
.list .divider:before {height:auto;}
.list .divider {width:auto;margin:85px 50px 0;line-height:1;font-size:0;}
.list li i {display:inline-block;width:4px;height:4px;margin:0 4px;background-color:#f0f0f0;font-size:0;vertical-align:middle;}
.list .dot {width:10px;height:10px;;border-radius:5px;}
.list .close {top:3px;right:3px;line-height:0.8;background:none;font-size:40px;color:#fff;}
.banner {margin-bottom:50px;}
.package {margin-bottom:50px;font-size:0;text-align:center;}
.package dt, .package dd {display:inline-block;min-height:380px;vertical-align:top;*display:inline;*zoom:1;}
.package dt {width:15%;margin-right:10px;font-size:16px;}
.package dt strong {font-size:20px;}
.package dd {width:19%;font-size:14px;}
.package .sign {width:auto;min-height:inherit;margin:117px 10px 0;*min-height:auto;}
.package .equal {margin:128px 20px 0;}
.package dd p {margin-bottom:10px;}
.package .btn {min-width:inherit;*min-width:auto;}
.package .result {position:relative;width:10%;min-height:inherit;margin-top:100px;font-size:30px;color:#000;white-space:nowrap;*min-height:auto;}
.package .result p {position:relative;margin-bottom:0;}
.result img {position:absolute;top:8px;left:15px;}
.result span {position:absolute;top:100px;left:-54px;min-width:100%;padding:1px 2px;border:2px solid #369;font-size:16px;color:#f00;}

@media screen and (max-width: 1024px) {
	.list li:before {height:161px;}
	.list li {width:16%;}
	.list li span {width:161px;height:161px;}
	.list li p {width:83%;}
	.list li i {margin:0 3px;}
	.list .divider {margin:75px 0 0;}
	.wrap {width:100%;}
	.package dt {width:16%;min-height:324px;}
	.package dd {width:17%;min-height:324px;}
	.package .sign {margin-top:90px;}
	.package .equal {margin-top:101px;}
	.package .result {margin-top:74px;font-size:29px;}
}
@media screen and (max-width: 768px) {
	.list li:before {height:113px;}
	.list li {width:15%;word-break:break-all;}
	.list li span {width:113px;height:113px;}
	.list li p {font-size:12px;}
	.list li i {margin:0 2px;}
	.list .divider {margin:51px 0 0;}
	.package dt {width:12%;min-height:265px;}
	.package dd {width:16%;min-height:265px;}
	.package .sign {margin-top:57px;}
	.package .equal {margin-top:65px;}
	.package .result {margin-top:43px;font-size:22px;}
	.package .sign img {width:80%;}
	.package .btn {min-width:inherit;font-size:16px;*min-width:auto;}
	.package .result {white-space:normal;}
	.result img {left:0;}
	.result span {top:80px;left:-51px;}
}
@media screen and (max-width: 568px) {
	.list li:before {height:127px;}
	.list li {width:23%;margin: 0 5px;}
	.list li span {width:127px;height:127px;}
	.list .divider {display:none;}
	.banner {margin:20px auto;}
	.package {margin-bottom: 20px;}
	.package dt {display:block;width:100%;min-height:inherit;margin-bottom:20px;*min-height:auto;}
	.package dd {width:19%;min-height:252px;}
	.package .sign {margin:51px 5px 0;}
	.package .equal {margin-top:58px;}
	.package .result {margin-top:37px;font-size:18px;}
	.package .sign img {width:60%;}
	.package .btn {padding:0 0.2em;font-size:14px;}
	.result span {left:-32px;font-size:14px;}
}
@media screen and (max-width: 320px) {
	.list li:before {height:136px;}
	.list li {width:45%;margin:0 7px 10px;}
	.list li span {width:136px;height:136px;}
	.package .sign {width:10%;margin:28px 0 0;}
	.package .equal {margin-top:26px;}
	.package .result {margin-top:15px;font-size:16px;}
	.package .sign img {width:40%;}
	.result span {top:67px;left:-10px;}
}